<include file="header"/>
<include file="share_header"/>
<body>
<div class="wraper">
    <div class="head clearfix">
        <a href="{BEESCRM::U('/Charger/ChargingproxWd/index',array('accountId'=>$accountId,'chargingId'=>$chargingId))}" class="iconfont icon-zuo pull-left"></a>
        <span class="head-name pull-left">已使用终端状态</span>
    </div>
    <div class="lists">
        <div class="list-line text-16">
            <span class="iconfont icon-location"></span> {BEESCRM:$websiteInfo['website_name']}<span class="pull-right"><font class="cur_distance">{BEESCRM:$distance}</font>km <span class="iconfont icon-quzheli" id="go_map"></span></span>
        </div>
        <volist name="data" id="vo">
            <div class="list-line">
                <p class="text-grey"><span class="iconfont icon-chongdiantou"></span> 充电桩<span class="pull-right">{BEESCRM:$vo.line_num}号桩</span></p>
                <p class="text-grey"><span class="iconfont icon-icon01"></span> 结束时间<span class="pull-right">{BEESCRM:$vo.end|date='Y-m-d H:i:s',###}</span></p>
            </div>
        </volist>
        <!--<div class="list-line">-->
            <!--<volist name="data" id="vo">-->
                <!--<p class="line">{BEESCRM:$vo.line_num}号桩<span class="pull-right">结束时间:{BEESCRM:$vo.end|date='Y-m-d H:i:s',###}</span></p>-->
            <!--</volist>-->
        <!--</div>-->
    </div>
</div>
<include file="commonJS"/>
<script type="text/javascript">
seajs.use('$', function() {
    //调用起地图
    $(document).on('click','#go_map',function(){
        location.href="http://apis.map.qq.com/uri/v1/marker?marker=coord:"+"{BEESCRM:$tencent['lat']}"+","+"{BEESCRM:$tencent['lng']}"+";title:"+"{BEESCRM:$websiteInfo.address}"+";addr:"+"{BEESCRM:$websiteInfo.address}"+"&referer=myapp";
    });

    window.onload=function(){
        //getDistance(30,101.22);
        wx.ready(function(){
            $('.scan_code').on('click',function(){
                wx.scanQRCode({
                    needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                    success: function (res) {
                        var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                    }
                });
            })
            var distance = "{BEESCRM:$distance}";
            
            if(!distance || distance==0){
                wx.getLocation({
                    type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
                    success: function (res) {
                        
                        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                        
                        var speed = res.speed; // 速度，以米/每秒计
                        var accuracy = res.accuracy; // 位置精度

                        if(latitude && longitude){
                            getDistance(latitude,longitude);
                            
                        }else{
    //                      alert('地理位置获取失败不能查看网点');
                            fm.alert('地址获取失败')
                        }
                      }
                    
                })
            }
           
        })

        function getDistance(lat,lon){
            $.ajax({
                url:"{BEESCRM::U('/Charger/ChargingproxWd/getDistance',array('accountId'=>$accountId,'chargingId'=>$chargingId))}",
                type:"post",
                data:{'lat':lat,'lon':lon,'latitude':"{BEESCRM:$websiteInfo['latitude']}",'longitude':"{BEESCRM:$websiteInfo['longitude']}"},
                dataType:"json",
                beforeSend: function(){
                    fm.showLoging();
                },
                success:function(res){
                    fm.closeLayer();
                    $('.cur_distance').text(res.distance);
                },
                error:function(res){
                    fm.closeLayer();
                    fm.alert(res.msg);
                }
            })
        }

    }
})
</script>
</body>
</html>